<template>
  <div class="monitor-box">
    <CardBox title="介绍"> </CardBox>
    <div class="content-container">
      <div class="description">{{introduce}}</div>
    </div>
  </div>
</template>
<script>
import CardBox from "@/components/Global/CardBox.vue";
import {EventBus} from "../../utils/event-bus";

export default {
  name: "Introduce",
  components: {
    CardBox,
  },
  data() {
    return {
      introduce:'',
    };
  },
  created() {
    EventBus.$on('set-multi-introduce', (message) => {
      this.introduce=message;
    });
  },
};
</script>

<style lang="scss" scoped>
.content-container {
  height: 172px;
}
.description {
  font-size: 13px;
  line-height: 1.6;
  color: #fff;
  padding: 7px 15px;
  text-indent: 4ch;
  letter-spacing: 3px;
}
</style>